<template>
<div class="other-data-cp">
    <div class="name" v-if="name">
        <i class="el-icon-hot-water"></i>
        {{name}}
    </div>
    <div class="content" v-if="content">
        {{content}}
    </div>
</div>
</template>

<script>
//其他数据展示组件
export default {
    props:{
        name:{ //配色方案名称
            type:String,
            default:"",
        },
        content:{ //配色方案介绍
            type:String,
            default:"",
        },
    },
}
</script>
<style lang="scss" scoped>
.other-data-cp{
    width:fit-content;
    width: 100%;
    text-align: left;
    >.name{
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin-bottom: 10px;
        i{
            font-weight: bold;
        }
    }
    >.content{
        font-size: 1.2rem;
        line-height: 2rem;
        color: #6a6b9a;
    }
}
</style>

